<template>
    <div>
        <bottom-navbar :navTabs="newsList"></bottom-navbar>
        <router-view></router-view>
    </div>
</template>

<script>
import BottomNavbar from './BottomNavbar.vue'
export default {
    data() {
        return {
            newsList: [
                { activeIcon: './static/images/nav-icon-home-active.png', icon: './static/images/nav-icon-home.png', title: '首页', path: '/home' },
                { activeIcon: './static/images/nav-icon-category-active.png', icon: './static/images/nav-icon-category.png', title: '商品分类', path: '/category' },
                { activeIcon: './static/images/nav-icon-cart-active.png', icon: './static/images/nav-icon-cart.png', title: '购物车', path: '/cart' },
                { activeIcon: './static/images/nav-icon-user-active.png', icon: './static/images/nav-icon-user.png', title: '个人中心', path: '/user' }
            ]
        }
    },
    components: {
        BottomNavbar
    }
}
</script>

<style></style>